<html>
<head>
<title>Diary Testing | Upload an Image</title>
</head>

<?php 
    include ('./nav.html');
?>

<script language="Javascript" type="text/javascript">
    <!--
    function uploadimage(path)
    {
        document.getElementById("upsuccess").innerHTML = path + " uploaded successfully!";
    }
    -->
</script>

<center>
    Directions: Select the image you want to upload.
    <br>
    <form name="uploadform" method="post">
        <table border="1">
        <tr>
        <td><a href="javascript:uploadimage('berries.jpg')"><img src="images/berries.jpg" width=155></a></td>
        <td><a href="javascript:uploadimage('cake.jpg')"><img src="images/cake.jpg" width=155></a></td>
        <td><a href="javascript:uploadimage('chicken.jpg')"><img src="images/chicken.jpg" width=155></a></td>
        </tr>
        <tr>
        <td><a href="javascript:uploadimage('cookies.jpg')"><img src="images/cookies.jpg" width=155></a></td>
        <td><a href="javascript:uploadimage('meatballs.jpg')"><img src="images/meatballs.jpg" width=155></a></td>
        <td><a href="javascript:uploadimage('pasta.jpg')"><img src="images/pasta.jpg" width=155></a></td>
        </tr>
        <tr>
        <td><a href="javascript:uploadimage('sandwich.jpg')"><img src="images/sandwich.jpg" width=155></a></td>
        <td><a href="javascript:uploadimage('pumpkin.jpg')"><img src="images/pumpkin.jpg" width=155></a></td>
        </tr>
        </table>
    </form>
    <div id="upsuccess"></div>
</center>

</html>